.drag-handle-class {
    position: absolute;
    background-color: #fff;
    border: var(--drag-handle-border-width) solid #4AFFFF;
    border-radius: 50%;
    height: var(--drag-handle-width);
    width: var(--drag-handle-height);
    box-model: border-box;
    z-index: 9999;
}

.drag-handle-class-tl {
    top: var(--drag-handle-offset);
    left: var(--drag-handle-offset);
    cursor: nw-resize;
}

.drag-handle-class-tm {
    top: var(--drag-handle-offset);
    left: 50%;
    margin-left: var(--drag-handle-offset);
    cursor: n-resize;
}

.drag-handle-class-tr {
    top: var(--drag-handle-offset);
    right: var(--drag-handle-offset);
    cursor: ne-resize;
}

.drag-handle-class-ml {
    top: 50%;
    margin-top: var(--drag-handle-offset);
    left: var(--drag-handle-offset);
    cursor: w-resize;
}

.drag-handle-class-mr {
    top: 50%;
    margin-top: var(--drag-handle-offset);
    right: var(--drag-handle-offset);
    cursor: e-resize;
}

.drag-handle-class-bl {
    bottom: var(--drag-handle-offset);
    left: var(--drag-handle-offset);
    cursor: sw-resize;
}

.drag-handle-class-bm {
    bottom: var(--drag-handle-offset);
    left: 50%;
    margin-left: var(--drag-handle-offset);
    cursor: s-resize;
}

.drag-handle-class-br {
    bottom: var(--drag-handle-offset);
    right: var(--drag-handle-offset);
    cursor: se-resize;
}